﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>期中考试</title>

  </head>
  <body>
    <div id="app">
      <h1>h1的文字内容</h1>
      <hr/>

      <span title="">
        鼠标悬停几秒钟查看此处动态绑定的提示信息！
      </span>
      <hr/>
   
      <ol>
        <li>

        </li>
      </ol>
      <hr/>

      <p>一二三四五</p>
      <button click="reverseMessage">反转文本及控制显示</button>
      <p >现在你看到我了</p>
      <hr/>   

      <p>输入的文字在这里跟着变</p>
      <input type="text" name="theInputItem" value="输入的文字在这里跟着变">
    </div>
    
    
  </body>
<script>
/**
1	在javascript中定义var h1_text="这是H1的文本内容"，使用js将body 中h1的文本内容设置成h1_text的值
2	在javascript中定义var  span_title="这是span的title内容"，使用js 将span的 title 属性值设置成
3	在javascript中定义数组，使用js将ol 中生成对应数组的li 
4	在javascript中定义方法， 使用js将 一二三四五的文字反转，并控制 对应的p是否可以显示
5	做到文本框输入的内容，对应的span内容跟着变
*/
var h1_text="这是H1的文本内容"
var span_title="这是span的title内容"
var array_todos=[{ text: '学习 JavaScript' },{ text: '学习 jquery' },{text: '学习 VUE'}]

function reverseMessage(){

}
</script>
</html>